		<style type="text/css">
			* {
				margin: 0;
				padding: 0;
			}
			
			a {
				text-decoration: none;
			}
			
			ul {
				list-style: none;
			}
			
			/* 尾部通用栏 */
			#footer{
				height: 580px;
				background-color: #393939;
				padding: 15px 0 30px;
			}
			#foot{
				width: 1400px;
				height: 100%;
				padding: 30px 50px 0 50px ;
				margin: auto;
			}
			#foot>div{
				float: left;
				width: 382px;
				height: 100%;
				margin-left: 78px;
			}
			#foot #footLeft{
				margin-left: 50px;
			}
			#footLeft h3{
				color: #9c9c9c;
				font-size: 14.3px;
				margin: 12px 0 8px;
			}
			#footLeft a,#footLeft span{
				font-size: 12px;
				color: #ffffff;
			}
			#footLeft a{
				padding-left: 9px;
			}
			#footLeft>a::before,#footLeft>ul a::before{
				content: "";
				position: absolute;
				border: 6px solid transparent;
				border-left:6px solid #a7a9a8 ;
				left: 110px;
				margin-top: 6px;	
			}
			#footLeft>ul a::before{
				left: 120px;
			}
			#footLeft span{
				font-style: italic;
			}
			#footLeft ul li{
				padding: 2px 0 2px 10px;
			}
			#footLeft a:hover,.nav4 a:hover{
				color: #aaa;
				text-decoration: underline;
			}
			
			#footCenter .a,#footCenter a,#footCenter h3,#footCenter p{
				color: #898c91;
			}
			
			#footCenter img{
				width: 28px;
				height: 28px;
				float: left;
				position: relative;
				top: 4px;
				left: 3px;
				
			}
			#footNav{
				height: 43px;
				border-bottom: 1px solid #424242;
			}
			#footNav li{
				display: inline-block;
				height: 43px;
				padding: 0 5px;
				cursor: pointer;
				font-size: 14px;
				line-height: 43px;
				position: relative;
				top: -10px;
				color: #9C9C9C;
			}
			
			#footNav li:hover{
				color: #FFFFFF;
			}
			#footNav li:nth-child(1){
				border-bottom: 2px solid #FFFFFF;
				font-weight: bold;
				color: #FFFFFF;
			}
			
			#footCenter ul li{
				margin: 7px 0 3px;
				height: 43px;
			}
			#footCenter ul li span{
				float: right;
				width: 336px;
			}
			#footCenter ul li h3{
				font-size: 13px;
			}
			#footCenter ul li p{
				font-size: 12px;
			}
			.nav4 a,#tNav4 a{
				height: 26px;
				color: #FFFFFF;
				font-size: 13px;
				padding: 5px;
				border: #666666 1px solid;
				position: relative;
				top: 3px;
				
			}
			
			/* 隐藏分栏 */
			#footCenter .nav1{
				display: none;
			}
			#footCenter #Nav1{
				display: block;
			}
			
			#footRight>div{
				color: #FFFFFF;
				font-size: 12px;
				margin-top: 20px;
				line-height: 18px;
			}
			#footRight .sou{
				width: 380px;
				height: 40px;
				margin-top: 40px;
			}
			#footRight .sou input{
				width: 340px;
				height: 40px;
				border: none;
				outline: none;
				color: #919191;
				background-color: #333333;
			}
			#footRight .sou a{
				display: inline-block;
				width: 40px;
				height: 40px;
				background-color: #A7A9A8;
				position: relative;
				top: -40px;
				left: 340px;
			}
			#footRight .sou a img{
				width: 12px;
				height: 12px;
				margin: 13px;
			}
			#footRight .nav4 p{
				color: #9a9997;
				font-size: 14px;
				font-weight: bold;
				padding: 40px 0 14px;
			}
			
			<!-- 尾页眉 -->
			
		</style>
		
		
		<!-- 尾部通用栏 -->
		<div id="footer">
			<div id="foot">
				<div id="footLeft">
					<h3>产品类目</h3>
					<a href="#">Taylor泰勒吉他系列</a><span>(34)</span>
					<ul>
						<li>
							<a href="#">Presentation 系列</a>
							<span>(1)</span>
						</li>
						<li>
							<a href="#">Taylor 100 系列</a>
							<span>(3)</span>
						</li>
						<li>
							<a href="#">Taylor 200 系列</a>
							<span>(2)</span>
						</li>
						<li>
							<a href="#">Taylor 300 系列</a>
							<span>(4)</span>
						</li>
						<li>
							<a href="#">Taylor 400 系列</a>
							<span>(2)</span>
						</li>
						<li>
							<a href="#">Taylor 500 系列</a>
							<span>(1)</span>
						</li>
						<li>
							<a href="#">Taylor 600 系列</a>
							<span>(1)</span>
						</li>
						<li>
							<a href="#">Taylor 700 系列</a>
							<span>(4)</span>
						</li>
						<li>
							<a href="#">Taylor 800 系列</a>
							<span>(4)</span>
						</li>
						<li>
							<a href="#">Taylor 900 系列</a>
							<span>(1)</span>
						</li>
						<li>
							<a href="#">Taylor Academy 学院系列</a>
							<span>(3)</span>
						</li>
						<li>
							<a href="#">Taylor Baby Taylor 系列</a>
							<span>(3)</span>
						</li>
						<li>
							<a href="#">Taylor Big Baby</a>
							<span>(1)</span>
						</li>
						<li>
							<a href="#">Taylor GS Mini 系列</a>
							<span>(3)</span>
						</li>
						<li>
							<a href="#">Taylor KOA 系列</a>
							<span>(1)</span>
						</li>
					</ul>
					<a href="#">原声吉他</a><span>(3)</span><br>
					<a href="#">电吉他</a><span>(2)</span><br>
					<a href="#">电箱吉他</a><span>(20)</span><br>
					<a href="#">其他</a><span>(2)</span>
				</div>
				<div id="footCenter">
					<div id="footNav">
						<ul>
							<li class="selected">热门</li>
							<li>最近</li>
							<li>评论</li>
							<li>标签</li>
						</ul>
					</div>
					<!-- 导航1（热门） -->
					<ul id="Nav1"  class="nav1">
						<li>
							<a href="#">
								<img src="./img/a1.jpg">
								<span>
									<h3>泰勒 Taylor Gig BK 吉他包 黑色</h3>
									<p>2015年7月16日 - 下午3:28</p>
								</span>
							</a>
						</li>
						<li>
							<a href="#">
								<img src="./img/a2.jpg">
								<span>
									<h3>泰勒 Taylor 214ce DLX 电箱民谣吉他</h3>
									<p>2016年1月11日 - 上午1:28</p>
								</span>
							</a>
						</li>
						<li>
							<a href="#">
								<img src="./img/a3.jpg">
								<span>
									<h3>泰勒 Taylor GS Mini American Girl®</h3>
									<p>2017年8月7日 - 下午7:45</p>
								</span>
							</a>
						</li>
						<li>
							<a href="#">
								<img src="./img/a4.jpg">
								<span>
									<h3>泰勒 Taylor GS Mini 琴包</h3>
									<p>2015年7月16日 - 下午3:28</p>
								</span>
							</a>
						</li>
						<li>
							<a href="#">
								<img src="./img/a5.jpg">
								<span>
									<h3>泰勒 Taylor 510e 电箱民谣吉他</h3>
									<p>2015年10月4日 - 上午11:12</p>
								</span>
							</a>
						</li>
						<li>
							<a href="#">
								<img src="./img/a6.jpg">
								<span>
									<h3>泰勒 Taylor 214ce-K 电箱民谣吉他</h3>
									<p>2015年9月12日 - 下午12:16</p>
								</span>
							</a>
						</li>
						<li>
							<a href="#">
								<img src="./img/a7.jpg">
								<span>
									<h3>泰勒 Taylor 214ce-N 古典吉他</h3>
									<p>2015年9月12日 - 下午12:25</p>
								</span>
							</a>
						</li>
						<li>
							<a href="#">
								<img src="./img/a8.jpg">
								<span>
									<h3>泰勒 Taylor Baby bt1 民谣吉他</h3>
									<p>2015年8月14日 - 下午1:35</p>
								</span>
							</a>
						</li>
					</ul>
					
					<!-- 导航2（最近） -->
					<ul class="nav1">
						<li>
							<a href="#">
								<img src="./img/b1.png">
								<span>
									<h3>泰勒 Taylor 224CE-K DLX 电箱民谣吉他</h3>
									<p>2019年4月4日 - 下午2:15</p>
								</span>
							</a>
						</li>
						<li>
							<a href="#">
								<img src="./img/b2.png">
								<span>
									<h3>泰勒 Taylor Academy A12E-N 电箱古典吉他</h3>
									<p>2019年4月1日 - 上午12:44</p>
								</span>
							</a>
						</li>
						<li>
							<a href="#">
								<img src="./img/b3.png">
								<span>
									<h3>泰勒 Taylor Academy  A12 A12E 民谣吉他</h3>
									<p>2018年10月6日 - 下午3:39</p>
								</span>
							</a>
						</li>
						<li>
							<a href="#">
								<img src="./img/b4.png">
								<span>	
									<h3>泰勒 Taylor Academy  A10 A10E 民谣吉他</h3>
									<p>2018年10月6日 - 下午3:38</p>
								</span>
							</a>
						</li>
						<li>
							<a href="#">
								<img src="./img/b5.jpg">
								<span>
									<h3>泰勒 Taylor GS Mini American Girl®</h3>
									<p>2017年8月7日 - 下午7:45</p>
								</span>
							</a>
						</li>
						<li>
							<a href="#">
								<img src="./img/b6.png">
								<span>
									<h3>泰勒 Taylor GS Mini-e Bass 电箱民谣吉他</h3>
									<p>2017年4月17日 - 下午12:06</p>
								</span>
							</a>
						</li>
						<li>
							<a href="#">
								<img src="./img/b7.png">
								<span>
									<h3>泰勒 Taylor 916ce 缺角电箱民谣吉他</h3>
									<p>2017年4月11日 - 下午5:37</p>
								</span>
							</a>
						</li>
						<li>
							<a href="#">
								<img src="./img/b8.png">
								<span>
									<h3>泰勒 Taylor 816ce 缺角电箱民谣吉他</h3>
									<p>2016年7月9日 - 上午10:32</p>
								</span>
							</a>
						</li>
					</ul>
					
					<!-- 导航3（评论） -->
					<ul class="nav1">
						<li>
							<a href="#">
								<img src="./img/avatar_256x256.png">
								<span>
									<h3>为什么没有左手吉他???  很难受😫</h3>
									<p>2021年4月11日 - 下午10:34 通过： Nick</p>
								</span>
							</a>
						</li>
						<li>
							<a href="#">
								<img src="./img/avatar_256x256.png">
								<span>
									<h3>有没有左手琴</h3>
									<p>为什么没有左手吉他???  很难受😫</p>
								</span>
							</a>
						</li>
						<li>
							<a href="#">
								<img src="./img/avatar_256x256.png">
								<span>
									<h3>你好，我新买了一把泰勒琴，因为之前早�...</h3>
									<p>2020年2月28日 - 下午5:27 通过： paul</p>
								</span>
							</a>
						</li>
						<li>
							<a href="#">
								<img src="./img/avatar_256x256.png">
								<span>	
									<h3>全单的琴就是不一样，手感很棒，音色无�...</h3>
									<p>2020年1月3日 - 下午3:16 通过： 安琪拉弹吉他</p>
								</span>
							</a>
						</li>
						<li>
							<a href="#">
								<img src="./img/avatar_256x256.png">
								<span>
									<h3>超乎想象的一把琴。</h3>
									<p>2019年12月22日 - 下午8:39 通过： 13326547</p>
								</span>
							</a>
						</li>
						<li>
							<a href="#">
								<img src="./img/avatar_256x256.png">
								<span>
									<h3>做工挺好的，估计应该没什么问题，</h3>
									<p>2019年12月22日 - 下午3:00 通过： 饼饼大魔王</p>
								</span>
							</a>
						</li>
						<li>
							<a href="#">
								<img src="./img/avatar_256x256.png">
								<span>
									<h3>V梁果然震撼，共鸣超级好，接上音箱嗨翻...</h3>
									<p>2019年12月21日 - 下午3:07 通过： 娜可露露</p>
								</span>
							</a>
						</li>
						<li>
							<a href="#">
								<img src="./img/avatar_256x256.png">
								<span>
									<h3>期待已久的琴，咨询了很多，客服也很专�...</h3>
									<p>2019年11月22日 - 下午3:29 通过： 岁月无声</p>
								</span>
							</a>
						</li>
					</ul>
					
					<!-- 导航4（标签） -->
					<div class="nav1" id="tNav4">
						<a href="#">Taylor</a>
						<a href="#">吉他</a>
						<a href="#">吉他包</a>
						<a href="#">泰勒</a>
						<a href="#">电箱吉他</a>
					</div>
					
					
				</div>
		
				<div id="footRight">
					<div>
						<a href="#">
							<img src="img/button_111.jpg" alt="点击这里给我发送消息"  title="点击这里给我发送消息" >
						</a><br>
						 QQ: 2091441710 <br> 
						 邮箱: support@taylorguitars.com
					</div>
					<div class="sou">
						<input type="text" placeholder="搜索" />
						<a href=""><img src="img/02-放大镜%20.png"></a>
					</div>
					
					<div class="nav4">
						 <p>标签</p>
						&nbsp;&nbsp;&nbsp;&nbsp;<a href="#">Taylor</a>
						<a href="#">吉他</a>
						<a href="#">吉他包</a>
						<a href="#">泰勒</a>
						<a href="#">电箱吉他</a>
					</div>
				</div>
			</div>
		</div>
		<!-- 尾页眉 -->
		<div id="ov" style="height: 50px; background-color: #222222;">
			<p style="font-size: 12px;  color: #ffffff;line-height: 50px;margin: auto;width: 1400px;">© 2021 Taylor 泰勒吉他</p>
		</div>
		
		
		
<script src="js/jQuery.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
	//尾部通用栏
	//尾部中间导航点击切换内容
	$(function() {
		//获取点击时间的对象
		$("#footNav ul li").click(function() {
			//获取想要显示或者隐藏的对象
			var divShow = $("#footCenter").children(".nav1");
			//判断当前对象是否被选中，如果没选中的话进入if循环
			if(!$(this).hasClass('selected')){
				//获取当前对象的索引
				var index = $(this).index();
				//当前对象添加选中样式并且其同胞移除选中样式；
				$(this).addClass('selected').siblings('li').removeClass('selected');
				//索引对应的div块显示
				$(divShow[index]).show();
				//索引对应的div块的同胞隐藏
				$(divShow[index]).siblings('.nav1').hide();
			}
			
			$(this).css({
				fontWeight: "bold",
				color: "#FFFFFF",
				borderBottom: "2px solid #FFFFFF"
			})
			$(this).siblings().css({
				fontWeight: "normal",
				color: "#9c9c9c",
				borderBottom: "0"
			})
		})
	})
</script>